/* CSS Document */
body,div,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,iframe,input,textarea,select,label,article,aside,footer,header,menu,nav,section,time,audio,video { margin:0; padding:0;}
article,aside,footer,header,hgroup,nav,section,audio,canvas,video { display:block;}
*{ box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
body { font-family:Microsoft Yahei; color:#666; text-decoration:none; font-size:14px; background:#fff;}
textarea { resize:none;}
img{ max-width:100%;}
iframe,img { border:0;}
ul,ol,li { list-style:none;}
input, select, textarea { outline:0; -webkit-user-modify:read-write-plaintext-only;}
input { -webkit-appearance:none;}
a{ text-decoration:none; color:#666; transition:0.2s; -webkit-transition:0.2s;}
a:hover{}
.clearfix { clear:both; zoom:1;}
.clearfix:after { content:""; display:block; height:0; clear:both; visibility:hidden;}
.fl{ float:left;}
.fr{ float:right;}

/*滚动条*/
::-webkit-scrollbar{ width:6px; height:12px}
::-webkit-scrollbar-button:vertical{ display:none;}
::-webkit-scrollbar-track:vertical{ background-color:black}
::-webkit-scrollbar-track-piece{ background:#FFF}
::-webkit-scrollbar-thumb:vertical{ background-color:#8E8E8E; border-radius:5px}
::-webkit-scrollbar-thumb:vertical:hover{ background-color:#3B3B3B}
::-webkit-scrollbar-corner:vertical{ background-color:#535353}
::-webkit-scrollbar-resizer:vertical{ background-color:#FF6E00}

/*banner*/
.bannerslide { height:45vw; width: 100%; position: relative; -webkit-transition: all .2s; transition: all .2s; }
.bannerslide .swiper-slide { background-position: center; background-size: cover; }
.pagination { position: absolute; left: 0; text-align: center; bottom:10px; width: 100%; z-index:999;}
.swiper-pagination-switch {display: inline-block; width: 10px; height: 10px; border-radius: 10px; background: #999; box-shadow: 0px 1px 2px #555 inset; margin: 0 3px; cursor: pointer;}
.swiper-active-switch { background: #fff;}
.bannerslide .arrow-left { background: url(../images/arrows.png) no-repeat left top; position: absolute; left: 10px; top: 50%; margin-top: -15px; width: 17px; height: 30px; z-index:999;}
.bannerslide .arrow-right { background: url(../images/arrows.png) no-repeat right bottom; position: absolute; right: 10px; top: 50%; margin-top: -15px; width: 17px; height: 30px; z-index:999;}
.bannerslide a.bannerbtna{background-color:#1d2088; display:block; width:120px; height:45px; text-align:center; color:#fff; font-size:14px; text-decoration:none; line-height:45px; border-radius:5px; margin-top:25px; float:left; font-family:Microsoft yahei;}
.bannerslide a.bannerbtnb{background-color:#464646; display:block; width:120px; height:45px; text-align:center; color:#fff; font-size:14px; text-decoration:none; line-height:45px; border-radius:5px; margin-top:25px; float:left; margin-left:5px; font-family:Microsoft yahei;}
.bannerslide .bannerpre,.bannerslide .bannernext{ position:absolute; left:10px; top:50%; width:27px; height:44px; margin-top:-22px; background:url(../images/bannerpre.png) no-repeat; z-index:999; cursor:pointer;}
.bannerslide .bannernext{ left:auto; right:10px; background:url(../images/bannernext.png) no-repeat;}

.bannertitlea a{color:#fff;}
.bannertitlea a:hover{color:#fff;}
.bannertitlea a .bannerhhh{display:none;}
.bannertitlea a:hover .bannerhhh{display:block; position:absolute; width:500px; height:200px; z-index:999;}

.m{ width:95%; max-width:1400px; margin:0 auto;}
.n{ padding:50px 0;}

.top{ padding:25px 0; background:rgba(34, 172, 56,0.8); position:fixed; width:100%; z-index:999;}
.top .logo{ float:left;}
.top .a_m{ float:right; display:none;}
.top .search_i{ float:right; padding-top:10px; cursor:pointer;}
.top .nav{ line-height:45px; float:right;}
.top .nav li{ float:left; font-size:16px; margin-right:30px; position:relative;}
.top .nav li:before{ content:""; width:0; height:2px; background:#fff; position:absolute; bottom:0; left:0; transition:0.2s;}
.top .nav li:hover:before,.top .nav li.on:before{ width:100%;}
.top .nav li a{ color:#fff;}
.top .search{ position:absolute; top:100%; width:100%; left:0; background:#f2f3f4; padding:40px 0; text-align:center; display:none; box-sizing:content-box;}
.top .search input{ width:40%; margin:0 auto; border:none; border-bottom:1px solid #333; background:none; text-align:center; padding:20px 0; font-size:20px;}
.top .search a{ display:inline-block; width:40px; height:40px; background:url(../images/btn_search.png) no-repeat; background-size:100%; margin-bottom:-15px;}

.ind_pro{ background:#f6f6f6;}
.ptc{ color:#333; font-size:30px; text-align:center; font-weight:bold; letter-spacing:2px;}
.ptc span{ color:#23ac38;}
.pte{ text-transform:uppercase; text-align:center; font-size:12px; margin-top:5px;}
.ind_pro .ul1{ text-align:center; margin:30px 0;}
.ind_pro .ul1 li{ display:inline-block; margin:0 5px;}
.ind_pro .ul1 li a{ padding:5px 30px; font-size:16px;}
.ind_pro .ul1 li a.on,.ind_pro .ul1 li a:hover{ color:#fff; background:#23ac38;}

.ind_pro .ul2 li{ width:calc(33.33333% - 40px); float:left; margin-right:40px; transition:0.2s; margin-bottom:30px;}
.ind_pro .ul2 li:hover{ box-shadow:2px 20px 30px rgba(0,0,0,0.1)}
.ind_pro .ul2 li:nth-child(3n){ margin-right:0;}
.ind_pro .ul2 li div{ padding:15px; text-align:center; background:transparent; transition:0.2s;}
.ind_pro .ul2 li:hover div{ background:#23ac38; color:#fff;}
.ind_pro .ul2 li:hover div .p1,.ind_pro .ul2 li:hover div .p2{ color:#fff;}
.ind_pro .ul2 li div .p1{ font-size:16px; color:#808080; transition:0.2s;}
.ind_pro .ul2 li div .p2{ font-size:20px; color:#343434; margin-top:10px; transition:0.2s;}
.ind_pro .ul2 li .img{}
.ind_pro .ul2 li .img img{ width:100%; padding:50px; background:#fff; height:389px;}

.ind_solu{ background:url(../images/ind_solu_bg.jpg) no-repeat; background-size:cover;}
.ind_solu ul{ display:flex; margin-top:40px; flex-wrap:wrap;}
.ind_solu ul li{ width:50%; padding:100px 120px 75px; height:400px;}
.ind_solu ul li:first-child{ background:#fff url(../images/one.jpg) no-repeat 10px 65px;}
.ind_solu ul li:last-child{ background:#fff url(../images/two.jpg) no-repeat 10px 65px;}
.ind_solu ul li .p1{ font-size:20px; color:#333; font-weight:bold;}
.ind_solu ul li .p2{ font-size:36px; color:#23ac38; font-weight:bold; margin:40px 0 20px;}
.ind_solu ul li a{ display:inline-block; background:#23ac38; color:#fff; padding:10px 30px; border-radius:30px; margin-top:50px;}
.ind_solu ul li:nth-child(2){ background:url(../images/s1.jpg) no-repeat;}
.ind_solu ul li:nth-child(3){ background:url(../images/s2.jpg) no-repeat;}

.ind_ab .ptc,.ind_ab .pte{ text-align:left;}
.ind_ab .m{ padding:0 50px 40px; background:url(../images/f.jpg) no-repeat center bottom;}
.ind_ab .clearfix{ margin-top:30px;}
.ind_ab .clearfix img{ float:left; width:380px;}
.ind_ab .ia_r{ float:right; width:870px;}
.ind_ab .ia_r .p1{ font-size:24px; font-weight:bold; color:#343434; margin:80px 0 75px;}
.ind_ab .ia_r .p1 span{ color:#23ac38;}
.ind_ab .ia_r .p2{ font-size:16px; line-height:30px; height:195px; overflow:scroll;}

.ind_ab2{ height:250px; background:url(../images/ip.jpg) no-repeat center center; display: -webkit-box; -webkit-box-orient: horizontal; -webkit-box-pack: center; -webkit-box-align: center;}
.ind_ab2 ul{ display:flex; color:#fff;}
.ind_ab2 ul li{ width:25%; text-align:center;}
.ind_ab2 ul li p{ font-size:20px;}
.ind_ab2 ul li p span{ font-size:60px;}

.ind_ch{ background:url(../images/ind_ch.jpg) no-repeat center bottom; height:732px;}
.ind_ch ul{ padding-top:40px;}
.ind_ch ul li{ width:50%; float:left; padding:85px 0;}
.ind_ch ul li p{ font-size:24px; color:#333;}
.ind_ch ul li span{ font-size:20px; color:#808080; line-height:2;}
.ind_ch ul li:nth-child(2n+1){ text-align:right; padding-right:330px;}
.ind_ch ul li:nth-child(2n+1) p{ border-right:4px solid #23ac38; padding-right:20px;}
.ind_ch ul li:nth-child(2n){ text-align:left; padding-left:330px;}
.ind_ch ul li:nth-child(2n) p{ border-left:4px solid #23ac38; padding-left:20px;}

.ind_news .ul1{ text-align:center; margin:30px 0;}
.ind_news .ul1 li{ display:inline-block; margin:0 5px;}
.ind_news .ul1 li a{ padding:5px 30px; font-size:16px;}
.ind_news .ul1 li a.on,.ind_news .ul1 li a:hover{ color:#fff; background:#23ac38;}
.ind_news .ind_news2{ margin-top:50px;}
.ind_news .in_l{ float:left; width:750px;}
.ind_news .in_l div{ background:#f6f6f6; display:flex;}
.ind_news .p1{ text-align:center; width:17%; font-size:40px; color:#333; padding:30px 0; border-right:1px solid #e0e0e0; transition:0.2s;}
.ind_news .p1 span{ font-size:16px; color:#808080; transition:0.2s;}
.ind_news .p2{ width:83%; padding:30px;}
.ind_news .p2 a{ font-size:20px; color:#343434; font-weight:bold;}
.ind_news .p2 a:hover{ color:#23ac38;}
.ind_news .p2 span{ display:block; color:#7f7f7f; line-height:1.6; margin-top:20px; transition:0.2s;}
.ind_news .in_r{ float:right; width:600px;}
.ind_news .in_r li{ display:flex; margin-bottom:20px; transition:0.2s;}
.ind_news .in_r li:hover{ background:#23ac38; color:#fff;}
.ind_news .in_r li:hover .p1,.ind_news .in_r li:hover .p1 span,.ind_news .in_r li:hover .p2 a,.ind_news .in_r li:hover .p2 span{ color:#fff;}

.ind_cus{ padding:40px 0; text-align:center; position:relative;}
.ind_cus .swiper-container1{ overflow:hidden; height:107px;}
.ind_cus .pre{ position:absolute; width:35px; height:80px; background:url(../images/jtlg.jpg) no-repeat; left:0; top:50px; cursor:pointer;}
.ind_cus .pre:hover{ background:url(../images/jtlgr.jpg) no-repeat;}
.ind_cus .next{ position:absolute; width:35px; height:80px; background:url(../images/jtrg.jpg) no-repeat; right:0; top:50px; cursor:pointer;}
.ind_cus .next:hover{ background:url(../images/jtrgr.jpg) no-repeat;}
.ind_cus ul{ display:flex; flex-wrap:wrap;}
.ind_cus ul li{ width:calc(11.11111% - 10px); margin-right:10px; border:1px solid #eee; margin-bottom:10px;}
.ind_cus ul li:nth-child(9n){ margin-right:0;}
.ind_cus ul li img{ display:block;}

.foot{ background:#f5f5f5;}
.foot .logo_b{ float:left; width:15%; padding-top:30px;}
.foot .contact_f{ float:left; width:45%; margin-left:7%;}
.foot .contact_f .p1{ font-size:24px; font-weight:bold; color:#343434;}
.foot .contact_f .p1 span{ color:#23ac38;}
.foot .contact_f ul{ column-count:2; margin-top:20px; line-height:2;}
.foot .contact_f ul li{ margin-right:20px;}
.foot .erweima{ float:left; width:33%; text-align:center;}
.foot .erweima p{ display:inline-block; line-height:3; margin:0 20px;}

.bottom{ background:#dbdbdb; padding:10px 0; line-height:35px;}
.bottom .fr a{ float:left; width:35px; height:35px; margin-left:10px;}
.bottom .fr a.a1{ background:url(../images/qq.png) no-repeat;}
.bottom .fr a.a2{ background:url(../images/wechat.png) no-repeat;}
.bottom .fr a.a3{ background:url(../images/weibo.png) no-repeat;}
.bottom .fr a.a1:hover{ background:url(../images/qqg.png) no-repeat;}
.bottom .fr a.a2:hover{ background:url(../images/wechatg.png) no-repeat;}
.bottom .fr a.a3:hover{ background:url(../images/weibog.png) no-repeat;}

.banner_n{ height:500px; background:linear-gradient(to right, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.1)),url(../images/ab_bg.jpg) no-repeat; display: -webkit-box; -webkit-box-orient: horizontal; -webkit-box-pack: center; -webkit-box-align: center; background-size:cover;}
.banner_n p{ text-transform:uppercase; color:#fff;}
.banner_n p.en{ font-size:36px; font-weight:bold;}
.banner_n p.cn{ font-size:24px;}

.banner_video{ background:linear-gradient(to right, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.1)),url(../images/video_bg.jpg) no-repeat center center;}
.banner_case{ background:linear-gradient(to right, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.1)),url(../images/case_bg.jpg) no-repeat center center;}
.banner_news{ background:linear-gradient(to right, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.1)),url(../images/news_bg.jpg) no-repeat center center;}
.banner_contact{ background:url(../images/contact_bg.jpg) no-repeat center center;}
.banner_pro{ background:linear-gradient(to right, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.1)),url(../images/prod_bg.jpg) no-repeat center center;}

.n_nav{ box-shadow:0 1px 6px rgba(0,0,0,0.08);}
.n_nav ul li{ float:left; width:25%; text-align:center;}
.n_nav ul li a{ line-height:60px; display:inline-block; padding:0 10px; position:relative; font-size:16px;}
.n_nav ul li a.on{ color:#23ac38;}
.n_nav ul li a:before{ content:""; width:0; height:2px; background:#23ac38; position:absolute; bottom:0; left:0; transition:0.2s;}
.n_nav ul li a.on:before,.n_nav ul li a:hover:before{ width:100%;}

.aboutus{ padding:80px 0 0;}
.aboutus .ab_m{ display:flex;}
.aboutus .video{ width:40%;}
.aboutus .video iframe{ height:510px;}
.aboutus .ab_mr{ width:57%; margin-left:3%; background:#f1f1f1; padding:50px;}
.aboutus .ab_mr .p1{ font-size:24px; font-weight:bold;}
.aboutus .ab_mr .p1 span{ color:#23ac38;}
.aboutus .ab_mr .p2{ margin-top:30px; line-height:2; font-size:16px;}

.aboutus .history{ height:600px; background:url(../images/lc_bg.png) no-repeat center center; position:relative;}
.aboutus .history>div{ height:100%; background:rgba(255,255,255,.8);}
.aboutus .history>div>img{ position:absolute; left:0; top:50%; margin-top:-200px;}
.aboutus .history .m{ position:relative; z-index:9;}

.aboutus .ab_m2l{ padding:80px 60px; width:50%; float:left;}
.aboutus .ab_m2l p{ line-height:2; margin-bottom:20px; font-size:16px;}

.aboutus .ab_m3{ height:550px; background:url(../images/ab_bg2.jpg) no-repeat bottom center;}
.aboutus .ab_m3 .m{ padding-top:80px;}
.aboutus .ab_m3 .m p{ width:60%; line-height:2; padding:0 80px; margin-bottom:20px; float:right; font-size:16px;}

.history ul{ margin-top:50px;}
.history ul li{width: 20%;float: left;height: 100%;}
.history ul li a{display: block;width: 100%;position: relative;height: 250px}
.history ul li .date{color: #09941e;font-size: 30px;}
.history ul li.item1 .line,.history ul li.item3 .line,.history ul li.item5 .line{margin-bottom: 30px;}
.history ul li.item2 .line,.history ul li.item4 .line{margin-top: 30px;}
.history ul li.item1 .line:after,.history ul li.item3 .line:after,.history ul li.item5 .line:after{width: 25px;height: 25px;background-color: #09941e;display: block;content: "";border-radius: 50%;text-align: center;vertical-align: middle;position: absolute;}
.history ul li.item2 .line:before,.history ul li.item4 .line:before{width: 25px;height: 25px;background-color: #09941e;display: block;content: "";border-radius: 50%;text-align: center;vertical-align: middle;position: absolute;}
.history ul li .lc-left{position: absolute;}
.history ul li .line{height: 200px;width: 1px;display: block;background-color: #09941e;position: relative;left: 30px;}
.history ul li .lc-right{position: absolute;left: 30px;width: 400px;height:100%;display: table;}
.history ul li.item5 .lc-right{width: 250px;}
.history ul li.item2 .lc-right, .history ul li.item4 .lc-right{width: 400px;}
.history ul li .lc-right .right-text{padding: 20px;display: table-cell;vertical-align: middle; line-height:2;}
.history ul li.item1 a{top: 50px;}
.history ul li.item1 .lc-left .line:after{bottom: -25px;left: -11px;}
.history ul li.item1 .lc-right{bottom: 68px;}
.history ul li.item2 a{top: 258px;}
.history ul li.item2 .lc-left .line:before{top: -25px;left: -11px;}
.history ul li.item2 .lc-right{top: 80px;}
.history ul li.item3 a{top: 136px;}
.history ul li.item3 .lc-left .line:after{bottom: -25px;left: -11px;}
.history ul li.item3 .lc-right{bottom: 100px;}
.history ul li.item4 a{top: 278px;}
.history ul li.item4 .lc-left .line:before{top: -25px;left: -11px;}
.history ul li.item4 .lc-right{top: 70px;}
.history ul li.item5 a{top: 99px;}
.history ul li.item5 .lc-left .line:after{bottom: -25px;left: -11px;}
.history ul li.item5 .lc-right{bottom: 100px;}

.honor{ background:#fafafa;}
.honor_ul{ display:flex; flex-wrap:wrap;}
.honor_ul li{ width:23.5%; background:#fff; padding:40px; margin-right:2%; margin-bottom:20px; display: -webkit-box; -webkit-box-orient: horizontal; -webkit-box-pack: center; -webkit-box-align: center;}
.honor_ul li:nth-child(4n){ margin-right:0;}
.honor_ul li img{ transition:0.5s;}
.honor_ul li:hover img{ transform:scale(1.1,1.1);}

.video ul{ display:flex; flex-wrap:wrap;}
.video ul li{ width:32%; margin-right:2%; margin-bottom:20px;}
.video ul li img{ width:100%;}
.video ul li a{ display:block; position:relative; cursor:pointer;}
.video ul li a:before{ content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.8) url(../images/video_p.png) no-repeat center center; transition:0.2s; opacity:0;}
.video ul li a:hover:before{ opacity:1;}
.video ul li:before{ content:"";}
.video ul li:nth-child(3n){ margin-right:0;}
.video ul li p{ background:#f5f5f5; padding:15px 10px; font-size:16px; text-align:center;}

.video_t{ position:fixed; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.4); z-index:9999; display:none;}
.video_t iframe{ width:800px; height:600px;}
.video_t embed{ width:800px; height:600px;}
.video_m{ position:absolute; width:800px; height:600px; top:50%; left:50%; margin-left:-400px; margin-top:-300px; background:#fff; z-index:9999;}
.video_t #x{ position:absolute; height:30px; width:30px; font-size:30px; top:50%; left:50%; margin-left:385px; margin-top:-315px; background:#fff; border-radius:15px; line-height:26px; text-align:center; cursor:pointer; z-index:9999;}

.case{ background:#fafafa;}
.case .case_ul{ display:flex; flex-wrap:wrap;}
.case .case_ul li{ width:32%; margin-right:2%; background:#fff; padding:20px; transition:0.2s; margin-bottom:20px;}
.case .case_ul li:hover{ box-shadow:0 0 30px rgba(0,0,0,.3);}
.case .case_ul li:nth-child(3n){ margin-right:0;}
.case .case_ul li p{ font-size:16px; padding:15px 10px; background:#f5f5f5; text-align:center;}
.case .case_pt{ font-size:24px; font-weight:bold; text-align:center;}
.case .case_m{ padding:40px 20px; background:#f1f1f1;}
.case .case_d{ padding:30px 20px; line-height:1.6;}

.u_np{ display:flex; margin-top:40px;}
.u_np li{ border:1px solid #ccc; padding:10px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.u_np li:nth-child(2){ width:20%; text-align:center; border-left:none; border-right:none; margin-right:0 !important;}
.u_np li:first-child,.u_np li:last-child{ width:40% !important; margin-right:0 !important;}
.u_np li:last-child{ text-align:right;}

.news{ background:#fafafa;}
.news .ul1{ display:flex;}
.news .ul1 li{ width:50%; background:#fff; padding:80px; transition:0.5s;}
.news .ul1 li p{ font-size:22px; font-weight:bold; transition:0.5s;}
.news .ul1 li span{ line-height:1.6; display:block; margin:20px 0 80px; font-size:16px; transition:0.5s;}
.news .ul1 li i{ background:url(../images/icon-news-more.png) no-repeat center; transition:0.2s; width:28px; height:11px; display:inline-block; margin-left:0;}
.news .ul1 li:first-child:hover{ background:#23ac38;}
.news .ul1 li:first-child:hover p,.news .ul1 li:first-child:hover span{ color:#fff;}
.news .ul1 li:hover i{ background:url(../images/icon-news-more2.png) no-repeat center; margin-left:10px;}
.news .ul1 li img{ transition:0.5s;}
.news .ul1 li:hover img{ transform:scale(1.1,1.1);}

.inbox{ padding:40px; background:#fff;}
.newslist { margin-bottom: 0px; }
.newslist .item { width: 49%; float: left; margin-right: 2%; margin-bottom: 20px; box-sizing: border-box; border: 6px solid #dedede; -webkit-transition: all .4s; transition: all .4s; background: #fff; padding: 30px; }
.newslist .item:nth-child(2n) { margin-right: 0; }
.newslist .item:hover { -webkit-box-shadow: 0 15px 30px rgba(0,0,0,0.1); box-shadow: 0 15px 30px rgba(0,0,0,0.1); -webkit-transform: translate3d(0, -2px, 0); transform: translate3d(0, -2px, 0); }
.newslist .item .time { font-size: 12px; line-height: 20px; margin-bottom: 10px; color: #999; text-transform: uppercase; }
.newslist .item .time .split { margin: 0 10px; color: #ccc; }
.newslist .item .name { font-size: 18px; line-height: 28px; margin-bottom: 25px; height: 28px; overflow: hidden; }
.newslist .item .name a { color: #111; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.newslist .item .name a:hover { color: #23ac38; }
.newslist .item .text { color: #777; font-size: 14px; line-height: 24px; height: 72px; overflow: hidden; margin-bottom: 16px; }
.newslist .item .link { overflow: hidden; margin-bottom: -12px; }
.newslist .item .link a { width: 24px; height: 24px; display: block; background: url(../images/hb01img01s.png) no-repeat center; float: left; }
.newslist .item .link a.l02 { float: right; background-image: url(../images/hb01img02s.png); }

.news .news_pt{ font-size:24px; font-weight:bold; text-align:center;}
.news .news_m{ padding:40px 20px; background:#f1f1f1;}
.news .news_d{ padding:30px 20px; line-height:1.6;}

.contact{}
.cpt{ font-size:36px; text-align:center;}
.contact ul{ display:flex; flex-wrap:wrap; margin-top:50px;}
.contact ul li{ width:33.333%; margin-bottom:40px;}
.contact ul li .pic{ display:inline-block; vertical-align:middle; margin-right:30px;}
.contact ul li .cont{ display:inline-block; vertical-align:middle; text-align:left; font-size:18px; line-height:1.8;}
.contact ul li .cont p{ height:2em;}
.contact ul li .cont .sp1{ width:200px; display:inline-block; vertical-align:top;}

.contact2{ background:#fafafa;}
.contact2 ul{ display:flex; flex-wrap:wrap; margin-top:50px;}
.contact2 ul li{ width:32%; margin-right:2%; background:#fff; padding:25px; margin-bottom:20px;}
.contact2 ul li:nth-child(3n){ margin-right:0;}
.contact2 ul li p{ line-height:2;}
.contact2 ul li p span{ display:inline-block; font-size:18px; margin-bottom:10px; font-weight:bold; color:#333;}

.product .ul1{}
.product .ul1 li{ display:flex; margin-bottom:20px; border:1px solid #e6e5e6;}
.product .ul1 li .d1{ width:20%; background:#f4f4f4; padding:20px; font-size:16px; color:#333; font-weight:bold;}
.product .ul1 li .d2{ width:80%; padding:20px;}
.product .ul1 li .d2 a{ display:inline-block; margin:0 20px; line-height:2}
.product .ul1 li a:hover,.product .ul1 li a.on{ color:#23ac38;}

.pro_list{ padding:30px 0; background: #fafafa;}
.proul{ display:flex; flex-wrap:wrap;}
.proul li{ width:48%; margin-right:4%; margin-bottom:2em; padding:40px 20px; background: #fff url(../images/pro_bg.jpg) no-repeat center right; background-size:cover; position:relative;}
.proul li a{}
.proul li:nth-child(2n){ margin-right:0;}
.proul li img{ width:50%; float:left; position:relative; top:0; transition:1s;}
.proul li:hover img{ top:-10px;}
.proul li div{ width:45%; float:right;}
.proul li div .p1{ font-size:18px; color:#333; font-weight:bold;}
.proul li div .p2{ font-size:14px; color:#333; margin:1.5em 0;}
.proul li div .p3{ color:#23ac38; margin-top:2em;}
.proul li div .p4{ line-height:1.8;}

.now{ font-size:16px; margin-bottom:40px;}
.product_d{ padding-top:150px;}
.procontou { margin-bottom:30px;}
.procontou .fl{ float:left; width:100%; max-width:450px;}
.procontou .proslide { width:100%; max-width:450px; height: 338px; border: 1px solid #dedede; }
.procontou .proslide ul{ height:100%;}
.procontou .proslide li{ text-align:center; height:100%;}
.procontou .proslide li img{ height:100%; max-width:100%;}
.procontou .pshd { height:80px; overflow:hidden; position:relative;}
.procontou .pshd_w{ position:relative;}
.procontou .next_off{ position:absolute; top:10px; height: calc(100% - 10px); right:-20px; cursor:pointer;}
.procontou .prev_off{ position:absolute; top:10px; height: calc(100% - 10px); left:-20px; cursor:pointer; display:none;}
.procontou .pshd ul { margin-top: 10px; position:relative; left:0; transition:0.2s;}
.procontou .pshd ul li { float: left; margin-right: 7.2px; width:69px; border: 2px solid #dedede; cursor: pointer; box-sizing:border-box;}
.procontou .pshd ul li:nth-child(6n){ margin-right:0;}
.procontou .pshd ul li img { display: block; }
.procontou .pshd ul li.on { border-color: #23ac38; }
.procontou .pshd02 ul li.on { border-color: #df6319; }
.procontou .pshd03 ul li.on { border-color: #119fa1; }
.procontou .pshd04 ul li.on { border-color: #00c33c; }
.procontou .info { float:right; color: #666; width: calc(100% - 500px); padding-top:30px; padding-left:50px;}
.procontou .info .name { font-size: 26px; color: #23ac38; margin-top: 10px; margin-bottom:20px; line-height:30px;}
.procontou .info02 .name { color: #df6319; }
.procontou .info03 .name { color: #119fa1; }
.procontou .info04 .name { color: #00c33c; }
.procontou .info .num { font-size: 16px; margin: 10px 0; }
.procontou .info .txt { font-size: 16px; line-height: 30px; }
.procontou .info .btn { margin: 20px 0; }
.procontou .info .btn span { display: inline-block; background: #23ac38; color: #fff; padding: 0 30px; line-height: 40px; font-size:16px; border-radius: 20px;}
.procontou .info .btn span br{ display:none;}

.product_d2{ border-top:3px solid #23ac38;}
.product_d2 .product_d2m{ background:#fafafa; padding:30px;}








@media (max-width:1120px) {
.top{ padding:15px 0; position:relative;}
.top .nav{ display:none;}
.top .logo{ max-width:50%;}
.top .search_i{ display:none;}
.top .a_m{ display:block;}
.bannerslide { height:250px;}
.n{ padding:20px 0;}
.ptc{ font-size:20px;}
.ind_pro .ul1{ width:80%; margin:20px auto;}
.ind_pro .ul1 li{ width:48%; margin:5px 0;}
.ind_pro .ul1 li a{ font-size:14px; padding:5px 15px;}
.ind_pro .ul2 li{ margin-right:20px; width:calc(50% - 10px)}
.ind_pro .ul2 li:nth-child(3n){ margin-right:20px;}
.ind_pro .ul2 li:nth-child(2n){ margin-right:0;}
.ind_pro .ul2 li div{ padding:0;}
.ind_pro .ul2 li .img img{ padding:10px; height:168px;}
.ind_pro .ul2 li div .p1{ font-size:12px;}
.ind_pro .ul2 li div .p2{ font-size:14px;}
.ind_solu ul li{ width:100%; padding:20px; height:250px;}
.ind_solu ul li .p1{ font-size:16px;}
.ind_solu ul li .p2{ font-size:18px;}
.ind_solu ul li a{ padding:5px 10px;}
.ind_ab .m{ padding:0 0 40px;}
.ind_ab .ia_r{ width:100%;}
.ind_ab .ia_r .p1{ font-size:18px; margin:20px 0;}
.ind_ab .ia_r .p2{ font-size:14px; line-height:1.8;}
.ind_ab2 ul{ flex-wrap:wrap;}
.ind_ab2 ul li{ width:50%;}
.ind_ab2 ul li p span{ font-size:38px;}
.ind_ch{ display:none;}
.ind_news .ul1 li a{ padding:5px 10px;}
.ind_news .in_l{ width:100%;}
.ind_news .p1{ display:none;}
.ind_news .p2{ width:100%; padding:15px;}
.ind_news .p2 a{ font-size:16px;}
.ind_news .in_r{ width:100%;}
.ind_cus{ padding:0;}
.ind_cus ul li{ width:calc(33.3333% - 6.6666px);}
.ind_cus ul li:nth-child(3n){ margin-right:0;}
.foot .logo_b,.foot .contact_f,.foot .erweima{ width:100%; margin-left:0;}
.foot .logo_b{ padding-top:0;}
.foot .logo_b img{ height:40px;}
.foot .contact_f .p1{ font-size:18px; margin-top:10px;}
.foot .contact_f ul{ column-count:1;}
.foot .erweima{ margin-top:10px;}
.foot .erweima p{ line-height:1.5;}
.bottom .fr{ display:none;}
.banner_n{ height:200px; background-size:cover;}
.banner_n p.en,.banner_n p.cn{ font-size:18px;}
.n_nav ul li a{ line-height:40px; font-size:14px;}
.aboutus .ab_m{ flex-wrap:wrap;}
.aboutus .video,.aboutus .ab_mr{ margin-left:0; width:100%;}
.aboutus .video iframe{ height:200px;}
.aboutus .ab_mr{ padding:20px;}
.aboutus .ab_mr .p1{ font-size:18px;}
.aboutus .ab_mr .p2{ margin-top:15px; font-size:14px; line-height:1.8;}
.aboutus .history{ height:auto;}
.history ul li{ width:100%; height:auto;}
.history ul li .line{ height:1px; width:calc(100% - 60px);}
.history ul li .lc-left{ width:100%;}
.history ul li.item1 .lc-left .line:after{ bottom:-12px;}
.history ul li.item2 .lc-left .line:before{ top:-12px;}
.history ul li.item3 .lc-left .line:after{ bottom:-12px;}
.history ul li .lc-right{ width:calc(100% - 30px);}
.history ul li.item1 a{ height:auto; top:0;}
.history ul li .lc-right .right-text{ padding:20px 0 20px 20px;}
.history ul li .lc-left,.history ul li .lc-right{ position:relative; left:0;}
.history ul li.item1 .lc-right{ bottom:0;}
.history ul li.item1 .line, .history ul li.item3 .line, .history ul li.item5 .line{ margin-bottom:0;}
.history ul li.item2 .line, .history ul li.item4 .line{ margin-top:0;}
.history ul li .date{ display:none;}
.history ul li a{ height:auto;}
.history ul li.item2 a{ top:0;}
.history ul li.item2 .lc-right{ top:0; width:calc(100% - 30px);}
.history ul li.item3 a{ top:0;}
.history ul li.item3 .lc-right{ bottom:0;}
.history ul li.item4 a{ top:0;}
.history ul li.item4 .lc-right{ top:0;}
.history ul li.item2 .lc-right, .history ul li.item4 .lc-right{ width:calc(100% - 30px);}
.history ul li.item4 .lc-left .line:before{ top:-12px;}
.history ul li.item5 a{ top:0;}
.history ul li.item5 .lc-right{ bottom:0;}
.history ul li.item5 .lc-right{ width:calc(100% - 30px);}
.history ul li.item5 .lc-left .line:after{ bottom:-12px;}
.aboutus .ab_m2l{ width:100%; float:none; padding:20px 20px 0 20px;}
.aboutus .ab_m2l p{ font-size:14px;}
.aboutus .ab_m3{ height:auto;}
.aboutus .ab_m3 .m{ padding-top:20px;}
.aboutus .ab_m3 .m p{ width:100%; padding:0 20px; font-size:14px;}
.aboutus{ padding-bottom:0;}
.honor_ul li{ width:49%; margin-right:2%; padding:20px;}
.honor_ul li:nth-child(2n){ margin-right:0;}
.proul li{ width:100%; margin-right:0;}
.proul li div .p1{ font-size:16px;}
.proul li div .p4{ line-height:1.5; display:none;}
.video ul li{ width:100%; margin-right:0;}
.video_m{ width:90%; left:5%; margin-left:0; margin-top:-150px; height:300px;}
.video_t iframe{ width:100%; height:300px;}
.video_t #x{ margin-left:-15px; margin-top:170px;}
.case .case_ul li{ width:100%; margin-right:0;}
.news .ul1{ flex-wrap:wrap;}
.news .ul1 li{ width:100%; padding:20px;}
.news .ul1 li p{ font-size:18px;}
.news .ul1 li span{ font-size:14px; margin-bottom:20px;}
.inbox{ padding:20px 0;}
.cpt{ font-size:20px;}
.newslist .item{ width:100%; margin-right:0;}
.contact ul{ margin-top:20px;}
.contact ul li{ width:100%; margin-bottom:20px;}
.contact ul li .cont{ font-size:14px;}
.contact ul li .pic{ margin-right:10px;}
.contact ul li .pic img{ height:30px;}
.procontou .info{ width:100%; padding:10px;}
.procontou .info .name{ font-size:18px;}
.procontou .info .txt{ font-size:14px;}
.procontou .info .btn span{ font-size:14px;}
.news .news_d{ padding:30px 0;}
.news .news_d iframe{ width:100%; height:300px;}
.case .case_pt,.news .news_pt{ font-size:18px;}
.product_d2 .product_d2m img,.case .case_d img,.news .news_d img{ height:auto;}
}